import * as YvanUI from 'yvan-ui-wotu'

const _ = YvanUI.lodash
const React = YvanUI.React

interface Ref {

}

export default class Layout2 extends YvanUI.Scope<void, Ref> {

    main = this.$$({
    })

    vjson = {
        title: '布局2',
        items: [
            {
                view: 'spliter',
                split: 'vertical',
                defaultSize: '50%',
                minSize: '10px',
                maxSize: '1200px',
                items: [
                    {
                        view: 'card',
                        title: 'card1',
                    },
                    {
                        view: 'card',
                        title: 'card2',
                    }
                ]
            },
            {
                view: 'spliter',
                split: 'horizontal',
                defaultSize: '50%',
                minSize: '10px',
                maxSize: '1200px',
                items: [
                    {
                        view: 'card',
                        size: 'small',
                        title: 'card3',
                        style: {
                            width: '100%'
                        },
                        items: [
                            {
                                view: 'button',
                                text: 'sub1'
                            }
                        ]
                    },
                    {
                        view: 'card',
                        size: 'small',
                        title: 'card4',
                        items: [
                            {
                                view: 'button',
                                text: 'sub1'
                            }
                        ]
                    },
                ]
            }
        ]
    }

}